/**
 * Created by EEO on 2017/6/5. 分类数据绑定
 */

var indexRender = (function () {
    var $content = $('#content');
    var $li = $('#ul li');
    //->bindHTML:实现数据绑定
    function bindHTML(data) {
        for (var i = 0, len = data.data.list.length; i < len; i++) {
            var cur = data.data.list[i];
            var $li = $('<li></li>')
            $li.append(' <img src="'+ (cur.photo|| '') +'">');
            $li.append('<p>' + cur.lastname + '</p>');
            $li.append('<p>' + cur.ClassInNo + '</p>');
            $li.append('<div>'+
                '<p style="height:38px;">'+'<span>'+'</span>'+cur.introduce+'</p>'+
                '</div>');
            $content.append($li);
        }
    }
    function li() {
        $li.click(function () {
            $(this).find('a').addClass('active').parent().siblings().find('a').removeClass('active');

        })
    }
    return {
        init: function () {
            $.ajax( {
                url:'/api/teachers',
                success: function (data) {
                    bindHTML(data);
                    li();
                }
            });

        }
    }
})();
indexRender.init();

